<!-- 地图 -->
<template>
    <div id="bingtu">
        <div id="container" style="height: 400px"></div>
    </div>
</template>

<script>
import Highcharts from "highcharts/highstock"
// import ch from 'echarts'
// let echarts = require('echarts/lib/echarts')
export default {
    props: {

    },
    data() {
        return {

        };
    },
    computed: {

    },
    created() {
   },
    mounted() {
    
var chart = Highcharts.chart('container', {
	chart: {
		type: 'pie',
		options3d: {
			enabled: true,
			alpha: 45,
			beta: 0
		}
	},
	title: {
		text: '2014年某网站不同浏览器访问量占比'
	},
	tooltip: {
		pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
	},
	plotOptions: {
		pie: {
			allowPointSelect: true,
			cursor: 'pointer',
			depth: 35,
			dataLabels: {
				enabled: true,
				format: '{point.name}'
			}
		}
	},
	series: [{
		type: 'pie',
		name: '浏览器占比',
		data: [
			['Firefox',   45.0],
			['IE',       26.8],
			{
				name: 'Chrome',
				y: 12.8,
				sliced: true,
				selected: true
			},
			['Safari',    8.5],
			['Opera',     6.2],
			['Others',   0.7]
		]
	}]
});
    },
    watch: {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style scoped>

</style>
